<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="css/shoppingcart.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="shortcut icon" href=" img/favicon.ico" />
    <meta charset="utf-8" />
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>我的购物车</title>
</head>
<body>
<div id="app" v-cloak>
    <header>
        <p>我的购物车</p>
        <span>编辑</span>
    </header>
    <div class="content">
    <ul class="productlist">
        <li class="product" v-for="(n,index) in products">
            <span class="radio" id="radio"></span>
            <div class="product-img">
                <img :src="n.pic" alt="">
            </div>
            <div class="product-right">
                <p class="product-desc">{{n.title}}</p>
                <p class="product-type">{{n.type}}</p>
                <span class="product-price">￥{{n.price}}</span>
                <span class="product-number">
                    <span class="odd" @click="oddQal(index)">-</span>
                    <input class="num" type="number" v-model="n.qal">
                    <span class="add" @click="addQal(index)">+</span>
                </span>
            </div>
        </li>
    </ul>

</div>

    <footer>
        <div class="bottom">
            <!--<span class="radio" id="radioall"></span>-->
            <!--<span class="all">全选</span>-->
            <div class="money">
                合计：<span class="he">￥{{totalMoney}}</span>
            </div>
            <div class="jiesuan">
                去结算（<span>{{totalNum}}</span>）
            </div>
        </div>
    <ul>
        <li><a href="index.html"><img src="img/icon7.png" alt=""><p>首页</p></a></li>
        <li><a href="classify.html"><img src="img/icon1.png" alt=""><p>分类</p></a></li>
        <li><a href="favorable.html"><img src="img/icon3.png" alt=""><p>约惠</p></a></li>
        <li><a href="shoppingcart.html"><img src="img/icon9.png" alt=""><p style="color: #af5bbf">购物车</p></a></li>
        <li><a href="mine.html"><img src="img/icon5.png" alt=""><p>我的</p></a></li>
        <span class="dian">{{totalNum}}</span>
    </ul>
</footer>
</div>
</body>
</html>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="node_modules/vue/dist/vue.js"></script>
<script src="js/shoppingcart.js"></script>
